<template>
    <div class="not-found">
        <div class="con">
            <img src="../../assets/404.png" alt="">
            <!-- <p>抱歉，您访问的页面不存在</p> -->
            <div class="btn">
                <el-button type="primary" size="small" @click="black">返回</el-button>
                <el-button size="small" plain @click="goHome">首页</el-button>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    name: 'NotFoundPage404',
    components: {

    },
    mixins: [],
    props: {

    },
    data() {
        return {

        }
    },
    computed: {

    },
    watch: {

    },
    mounted() {

    },
    methods: {
        black() {
            this.$router.go(-1)
        },
        goHome() {
            this.$router.push('/')
        }
    }
};
</script>
<style lang='less' scoped>
.not-found {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;

    .btn {
        display: flex;
        align-items: center;
        justify-content: center;

        .el-button {
            margin-right: 20px;
        }
    }
}
</style>